<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/minireset.min.css" />
    <link rel="stylesheet" href="../css/r_index.css" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
    <link
      rel="stylesheet"
      href="../Resources/card/swiper/swiper-bundle.min.css"
    />
    <script src="../Resources/card/swiper/swiper-bundle.min.js"></script>
    <style>
      html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }

      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #f4f4f4;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 800px;
        height: 400px;
        object-fit: cover;
      }
      .meizu-header-logo-img span {
        display: flex;
        width: 125px;
        height: 30px;
      }
    </style>
  </head>
  <body>
    <div class="qyServe">
      <div class="section1" style="background-repeat: no-repeat">
        <div class="business-header">
          <div class="nav-box">
            <div class="meizu-header-logo">
              <a href="./meizuHome page.html" class="meizu-header-logo-img"
                ><span></span
              ></a>
            </div>
            <ul class="nav-list active">
              <li><a href="../html/r_index.html">首页</a></li>
              <li><a href="">定制手机</a></li>
              <li><a href="../html/r_Aito.html">AIoT</a></li>
              <li><a href="">智能家居</a></li>
              <li><a href="">团购定制</a></li>
              <li><a href="../html/r_callme.html">联系我们</a></li>
            </ul>
          </div>
          <div class="contetn_box">
            <div class="txt_box">
              <div class="t-title">企业定制服务</div>
              <div class="t-desc">深度专属定制,助力企业业务</div>
              <div class="t-link"><a href="./r_callme.html">立即定制</a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="section2">
        <div class="title">
          <b class="line1">企业客户</b><br />
          <b class="line2">专属定制产品</b>
        </div>
        <div class="section-content">
          <img src="../Resources/image/r_定制手机‘.jpg" alt="" />
          <div class="content-box">
            <div class="item-title">定制手机</div>
            <div class="item-content">
              魅族企业服务具备专业的定制能力，可提供经过深度专属定制的魅族安全手机，满足客户在移动智能终端的数据安全、统一管控配置与个性化定制等方面的需求。
            </div>
            <a href="" class="item-btn btn-g">了解详情</a>
          </div>
        </div>
      </div>
      <div class="section3">
        <ul>
          <li>
            <img src="../Resources/image/r_手表.jpg" alt="" />
            <div class="text-content">
              <div class="x-title">AIoT</div>
              <div class="x-desc">
                智能手表，平板，智慧屏，路由器......魅族企业服务可为客户打造全套
                AIoT 生态，并提供配套软件技术支持。
                <a href="" class="btn btn-g">了解详情</a>
              </div>
            </div>
          </li>
          <li>
            <img src="../Resources/image/r_灯泡.jpg" alt="" />
            <div class="text-content">
              <div class="x-title">智能家居</div>
              <div class="x-desc">
                智能手表，平板，智慧屏，路由器......魅族企业服务可为客户打造全套
                AIoT 生态，并提供配套软件技术支持。
                <a href="" class="btn btn-g">了解详情</a>
              </div>
            </div>
          </li>
          <li>
            <img src="../Resources/image/r_二级加手机.jpg" alt="" />
            <div class="text-content">
              <div class="x-title">团购定制</div>
              <div class="x-desc">
                智能手表，平板，智慧屏，路由器......魅族企业服务可为客户打造全套
                AIoT 生态，并提供配套软件技术支持。
                <a href="" class="btn btn-g">了解详情</a>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="section4">
        <h1>
          <p class="fs-lg">专业的</p>
          <p class="fw-bold fs-lg">定制化解决方案</p>
        </h1>
        <div class="d-flex content-wrap">
          <div class="content-left active">
            <div class="nav-title">
              <div class="icon-wrap">
                <img src="../Resources/image/r_购物车.png" alt="" />
              </div>
              <div data-T="0" class="bq active">销售行业</div>
            </div>
            <div class="nav-title">
              <div class="icon-wrap">
                <img src="../Resources/image/r_医疗.png" alt="" />
              </div>
              <div data-T="1" class="bq">医疗行业</div>
            </div>
            <div class="nav-title">
              <div class="icon-wrap">
                <img src="../Resources/image/r_教育.png" alt="" />
              </div>
              <div data-T="2" class="bq">教育行业</div>
            </div>
            <div class="nav-title">
              <div class="icon-wrap">
                <img src="../Resources/image/r_灯泡.png" alt="" />
              </div>
              <div data-T="3" class="bq">智能家居</div>
            </div>
            <div class="nav-title">
              <div class="icon-wrap">
                <img src="../Resources/image/r_小人.png" alt="" />
              </div>
              <div data-T="4" class="bq">企业定制</div>
            </div>
            <div class="nav-title">
              <div class="icon-wrap">
                <img src="../Resources/image/r_猪.png" alt="" />
              </div>
              <div data-T="5" class="bq">金融保险服务</div>
            </div>
          </div>
          <div class="content-right">
            <div class="d-flex show">
              <div class="img-container show">
                <img src="../Resources/image/r_销售.jpg" alt="" />
              </div>
              <div class="content-desc show">
                <h2 class="px-105 pt-137 fs-md mb-46">销售行业解决方案</h2>
                <p class="px-105 fs-xs">
                  保证客户信息安全，优化销售流程，提高沟通效率，提升销售业绩。
                </p>
              </div>
            </div>
            <div class="d-flex">
              <div class="img-container">
                <img src="../Resources/image/r_医疗.jpg" alt="" />
              </div>
              <div class="content-desc">
                <h2 class="px-105 pt-137 fs-md mb-46">医疗行业解决方案</h2>
                <p class="px-105 fs-xs">
                  助力智慧医疗业务，提升移动办公效率，提供更好的硬件设施。
                </p>
              </div>
            </div>
            <div class="d-flex">
              <div class="img-container">
                <img src="../Resources/image/r_教育.jpg" alt="" />
              </div>
              <div class="content-desc">
                <h2 class="px-105 pt-137 fs-md mb-46">教育行业解决方案</h2>
                <p class="px-105 fs-xs">
                  保障上网安全，守护孩子健康，打造智慧课堂，提升学习效率。
                </p>
              </div>
            </div>
            <div class="d-flex">
              <div class="img-container">
                <img src="../Resources/image/r_家具.jpg" alt="" />
              </div>
              <div class="content-desc">
                <h2 class="px-105 pt-137 fs-md mb-46">智慧家居解决方案</h2>
                <p class="px-105 fs-xs">
                  打造健康高品质照明产品，为用户提供健康的智能家居解决方案。
                </p>
              </div>
            </div>
            <div class="d-flex">
              <div class="img-container">
                <img src="../Resources/image/r_企业定制.jpg" alt="" />
              </div>
              <div class="content-desc">
                <h2 class="px-105 pt-137 fs-md mb-46">企业定制解决方案</h2>
                <p class="px-105 fs-xs">
                  满足企业的个性化定制和管理需求，有效管理客户信息和加密数据。
                </p>
              </div>
            </div>
            <div class="d-flex">
              <div class="img-container">
                <img src="../Resources/image/r_金融.jpg" alt="" />
              </div>
              <div class="content-desc">
                <h2 class="px-105 pt-137 fs-md mb-46">金融保险行业解决方案</h2>
                <p class="px-105 fs-xs">
                  满足行业流程监控需求，有效管理客户信息，保障业务安全。
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="section5">
        <h1>
          <p class="fs-lg">我们的</p>
          <p class="fw-bold">优势</p>
        </h1>
        <div class="flyme_lb">
          <!-- Swiper -->
          <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="../Resources/image/r_flyme.jpg" alt="" />
                <div>
                  <h1>成熟的定制系统</h1>
                  <p>
                    Flyme
                    经过九年时间的迭代发展已经非常成熟，并且本身具备高度的定制能力，不管是工作用还是生活用都能给用户带来优秀的使用体验。
                  </p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="../Resources/image/r_精品.png" alt="" />
                <div>
                  <h1>匠心打造的精品</h1>
                  <p>
                    我们始终坚持工匠精神，旨在为客户提供外在设计和内在品质俱佳的精致产品，拥有众多用户的信赖与支持。
                  </p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="../Resources/image/r_智能管控.jpg" alt="" />
                <div>
                  <h1>多维智能管控</h1>
                  <p>
                    设备、系统、应用可以实现全方位的管控，让设备成为用户手中的“好帮手”，业
                    务开展更高效和省心。
                  </p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="../Resources/image/r_信息安全.jpg" alt="" />
                <div>
                  <h1>全方位的信息安全</h1>
                  <p>
                    针对工作和生活中的上网、支付等使用场景采取了更加全面的安全管控策略，升级了多项安全保护功能，全方位守护数据安全。
                  </p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="../Resources/image/r_耳机.png" alt="" />
                <div>
                  <h1>完善的售后体系</h1>
                  <p>提供完善的售前咨询和售后保障服务，无后顾之忧。</p>
                </div>
              </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
          </div>
        </div>
        <div class="anniu"></div>
      </div>
      <div class="section6">
        <h1>联系我们</h1>
        <div class="icon-list">
          <div class="icon-list-nav active">
            <div class="icon-item active">
              <div class="icon-container">
                <img src="../Resources/image/r_定制.png" alt="" />
              </div>
              <div class="zx icon-text1">在线定制</div>
              <div class="zx icon-text2">一键提交定制需求</div>
            </div>
            <div class="icon-item">
              <div class="icon-container">
                <img src="../Resources/image/r_电话.png" alt="" />
              </div>
              <div class="zx icon-text1">电话</div>
              <div class="zx icon-text2">400-788-3333 / 0756-6116566</div>
            </div>
            <div class="icon-item">
              <div class="icon-container">
                <img src="../Resources/image/r_回复.png" alt="" />
              </div>
              <div class="zx icon-text1">线上咨询</div>
              <div class="zx icon-text2">专业客服在线为你解答</div>
            </div>
            <div class="icon-item">
              <div class="icon-container">
                <img src="../Resources/image/r_信息.png" alt="" />
              </div>
              <div class="zx icon-text1">电子邮箱</div>
              <div class="zx icon-text2">hujunhui@meizu.com</div>
            </div>
            <div class="icon-item">
              <div class="icon-container">
                <img src="../Resources/image/r_地址.png" alt="" />
              </div>
              <div class="zx icon-text1">总部地址</div>
              <div class="zx icon-text2">广东省珠海市唐家湾</div>
              <!-- <div class="icon-text2">科技创新海岸魅族科技楼</div> -->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- swiper -->
    <script>
      var swiper = new Swiper(".mySwiper", {
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });
    </script>
    <script>
      // 开头导航

      $(".nav-list a").mousemove(function () {
        $(this).addClass("active");
      });
      $(".nav-list a").mouseout(function () {
        $(this).removeClass("active");
      });

      // 中间三板块tab切换
      $(".content-left .bq").click(function () {
        $(".content-left .bq").each(function (index, item) {
          $(item).removeClass("active");
        });
        $(this).addClass("active");
        let ress = $(this)[0].getAttribute("data-T");
        console.log(ress);
        $(".content-right .d-flex").each(function (index, item) {
          $(item).removeClass("show");
        });
        $(".content-right .d-flex").eq(ress).addClass("show");
      });

      // 底部tab切换
      $(".icon-list-nav .icon-item").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
      });
    </script>
  </body>
</html>
